看完上一篇初步簡單的 Table 應用原裡還有參數後，從這篇開始想分享 Table 的一些酷功能，我覺得在後台開發上超級無敵實用！

一、Table 的 selection

1. 最基本的使用方式：引用與呼叫它

import { Table } from 'antd';
const App = () => (
  <div>
    <Table 
        rowSelection={{
          type: selectionType,
          ...rowSelection,
        }}
        columns={columns} 
        dataSource={data} 
     />
  <div/>
);

export default App;  

2. rowSelection 是什麼？

  在開發後台時，你可能需要用表格來呈現多筆資料，並且對資料做像是匯出、回覆等處理動作，那這時候可以使用ANTD的rowSelection讓你的開發更加順利迅速。他有提供多個參數供開發者設定，下面就舉我比較常用的來大家分享。最重要的重點就是你**每列的資料(也就是datasource)一定要有key值！**因為這樣在勾選時，才能知道你勾選的表格裡的第幾項嘛~參數就如同下方程式碼說明，也可以點此連結去看更多官方 api 文件。

二、Table 的 selection 實際使用範例

看完上面簡單的介紹後，下面提供我的一些簡單範例，若大家有興趣也可以到線上編輯器裡玩玩看唷！

先前專案元件示意圖1

先前專案元件示意圖2